refactor List Views of pages:

1. Agents
2. Teams
3. Customers
4. Contacts

For all of the pages mentioned above, we were calling backend APIs for almost 25 times.

This PR refactors these list views, by creating a new component called "ListViewBuilder".

The component is very generic.

ListViewBuilder:

1. Generates a list view with quick filters, filters, sort, and pagination.
2. exposes a function called "reload"
3. handles prefix for each column.
4. handles fetch from fields.
5. Provides a default slot which gives the list view data as slot props, to customise the list view even more.
6. Provides 2 emits, row-click & empty-state-action.

7. Accepts "option" prop which looks like

const options = computed(() => {
  return {
    doctype: "Contact",
    columnConfig: {
      full_name: {
        prefix: ({ row }) => {
          return h(Avatar, {
            shape: "circle",
            image: row.image,
            label: row.name,
            size: "sm",
          });
        },
      },
      mobile_no: {
        prefix: PhoneIcon,
      },
    },
    emptyState: {
      title: "No Contacts Found",
    },
  };
});

Result